<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Bootstrap - 简洁、直观、强悍、移动设备优先的前端开发框架，让web开发更迅速、简单。">
    <meta name="keywords" content="HTML, CSS, JS, JavaScript, framework, bootstrap, front-end, frontend, web development">
    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
    <title>Bootstrap 中文文档</title>
    <!-- Bootstrap core CSS -->
    <link href="../../cdn/bootstrap/3.3.4/css/bootstrap.min.css" tppabs="../../cdn/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
    <link href="../assets/css/patch.css" tppabs="../assets/css/patch.css" rel="stylesheet">
    <!-- Documentation extras -->
    <link href="../assets/css/docs.min.css" tppabs="../assets/css/docs.min.css" rel="stylesheet">
    <!--[if lt IE 9]><script src="assets/js/ie8-responsive-file-warning.js" tppabs="../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
    <script src="../assets/js/ie-emulation-modes-warning.js" tppabs="../assets/js/ie-emulation-modes-warning.js"></script>
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="../../cdn/html5shiv/3.7.2/html5shiv.min.js" tppabs="../../cdn/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="../../cdn/respond.js/1.4.2/respond.min.js" tppabs="../../cdn/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!-- Favicons -->
    <link rel="apple-touch-icon" href="apple-touch-icon.png" tppabs="../apple-touch-icon.png">
    <link rel="icon" href="favicon.ico" tppabs="../favicon.ico">
    <script> var _hmt = _hmt || []; </script>
</head>
<body>
    <a id="skippy" class="sr-only sr-only-focusable" href="#content">
        <div class="container"><span class="skiplink-text">Skip to main content</span></div>
    </a>
    <!-- Docs master nav -->
    <header class="navbar navbar-static-top bs-docs-nav" id="top" role="banner">
        <div class="container">
            <div class="navbar-header">
                <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a href="../index.html" tppabs="../" class="navbar-brand">Bootstrap</a>
            </div>
            <nav class="collapse navbar-collapse bs-navbar-collapse">
                <ul class="nav navbar-nav">
                    <li>
                        <a href="../getting-started/index.html" tppabs="../getting-started/">起步</a>
                    </li>
                    <li>
                        <a href="../css/index.html" tppabs="../css/">全局 CSS 样式</a>
                    </li>
                    <li>
                        <a href="../components/index.html" tppabs="../components/">组件</a>
                    </li>
                    <li>
                        <a href="../javascript/index.html" tppabs="../javascript/">JavaScript 插件</a>
                    </li>
                    <li>
                        <a href="../migration/index.html" tppabs="../migration/">迁移</a>
                    </li>
                    <li>
                        <a href="../customize/index.html" tppabs="../customize/">定制</a>
                    </li>
                </ul>
                <ul class="nav navbar-nav navbar-right">
                </ul>
            </nav>
        </div>
    </header>
    <!-- Docs page layout -->
    <div class="bs-docs-header" id="content" tabindex="-1">
        <div class="container">
            <h1>升级到 Bootstrap v3.x 版本</h1>
            <p>这里提供了从 Bootstrap v2.x 版本升级到 v3.x 版本的指南，重点讲解框架的重大改变、新增内容以及被移除的内容。</p>
        </div>
    </div>
    <div class="container bs-docs-container">
        <div class="row">
            <div class="col-md-9" role="main">
                <!-- Migration ================================================== -->
                <div class="bs-docs-section">
                    <h1 class="page-header">从 Bootstrap 2.x 版本升级到 3.0 版本</h1>
                    <p class="lead">Bootstrap 3 版本并不向后兼容 v2.x 版本。下面的章节是一份从 v2.x 版本升级到 v3.0 版本的通用指南。如需查看更版本更新信息，请点击 <a href="javascript:if(confirm(%27http://blog.getbootstrap.com/2013/08/19/bootstrap-3-released/  \n\nThis file was not retrieved by Teleport Ultra, because it is addressed on a domain or path outside the boundaries set for its Starting Address.  \n\nDo you want to open it from the server?%27))window.location=%27http://blog.getbootstrap.com/2013/08/19/bootstrap-3-released/%27" tppabs="http://blog.getbootstrap.com/2013/08/19/bootstrap-3-released/">v3.0 新增内容</a>。</p>
                    <h2 id="classes">主要 class 的变更</h2>
                    <p>下表列举了 v2.0x 版本和 v3.0 版本之间的样式差异。</p>
                    <div class="table-responsive">
                        <table class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th>Bootstrap 2.x</th>
                                    <th>Bootstrap 3.0</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td><code>.row-fluid</code></td>
                                    <td><code>.row</code></td>
                                </tr>
                                <tr>
                                    <td><code>.span*</code></td>
                                    <td><code>.col-md-*</code></td>
                                </tr>
                                <tr>
                                    <td><code>.offset*</code></td>
                                    <td><code>.col-md-offset-*</code></td>
                                </tr>
                                <tr>
                                    <td><code>.brand</code></td>
                                    <td><code>.navbar-brand</code></td>
                                </tr>
                                <tr>
                                    <td><code>.navbar .nav</code></td>
                                    <td><code>.navbar-nav</code></td>
                                </tr>
                                <tr>
                                    <td><code>.nav-collapse</code></td>
                                    <td><code>.navbar-collapse</code></td>
                                </tr>
                                <tr>
                                    <td><code>.nav-toggle</code></td>
                                    <td><code>.navbar-toggle</code></td>
                                </tr>
                                <tr>
                                    <td><code>.btn-navbar</code></td>
                                    <td><code>.navbar-btn</code></td>
                                </tr>
                                <tr>
                                    <td><code>.hero-unit</code></td>
                                    <td><code>.jumbotron</code></td>
                                </tr>
                                <tr>
                                    <td><code>.icon-*</code></td>
                                    <td><code>.glyphicon .glyphicon-*</code></td>
                                </tr>
                                <tr>
                                    <td><code>.btn</code></td>
                                    <td><code>.btn .btn-default</code></td>
                                </tr>
                                <tr>
                                    <td><code>.btn-mini</code></td>
                                    <td><code>.btn-xs</code></td>
                                </tr>
                                <tr>
                                    <td><code>.btn-small</code></td>
                                    <td><code>.btn-sm</code></td>
                                </tr>
                                <tr>
                                    <td><code>.btn-large</code></td>
                                    <td><code>.btn-lg</code></td>
                                </tr>
                                <tr>
                                    <td><code>.alert-error</code></td>
                                    <td><code>.alert-danger</code></td>
                                </tr>
                                <tr>
                                    <td><code>.visible-phone</code></td>
                                    <td><code>.visible-xs</code></td>
                                </tr>
                                <tr>
                                    <td><code>.visible-tablet</code></td>
                                    <td><code>.visible-sm</code></td>
                                </tr>
                                <tr>
                                    <td><code>.visible-desktop</code></td>
                                    <td>Split into <code>.visible-md .visible-lg</code></td>
                                </tr>
                                <tr>
                                    <td><code>.hidden-phone</code></td>
                                    <td><code>.hidden-xs</code></td>
                                </tr>
                                <tr>
                                    <td><code>.hidden-tablet</code></td>
                                    <td><code>.hidden-sm</code></td>
                                </tr>
                                <tr>
                                    <td><code>.hidden-desktop</code></td>
                                    <td>Split into <code>.hidden-md .hidden-lg</code></td>
                                </tr>
                                <tr>
                                    <td><code>.input-block-level</code></td>
                                    <td><code>.form-control</code></td>
                                </tr>
                                <tr>
                                    <td><code>.control-group</code></td>
                                    <td><code>.form-group</code></td>
                                </tr>
                                <tr>
                                    <td><code>.control-group.warning .control-group.error .control-group.success</code></td>
                                    <td><code>.form-group.has-*</code></td>
                                </tr>
                                <tr>
                                    <td><code>.checkbox.inline</code> <code>.radio.inline</code></td>
                                    <td><code>.checkbox-inline</code> <code>.radio-inline</code></td>
                                </tr>
                                <tr>
                                    <td><code>.input-prepend</code> <code>.input-append</code></td>
                                    <td><code>.input-group</code></td>
                                </tr>
                                <tr>
                                    <td><code>.add-on</code></td>
                                    <td><code>.input-group-addon</code></td>
                                </tr>
                                <tr>
                                    <td><code>.img-polaroid</code></td>
                                    <td><code>.img-thumbnail</code></td>
                                </tr>
                                <tr>
                                    <td><code>ul.unstyled</code></td>
                                    <td><code>.list-unstyled</code></td>
                                </tr>
                                <tr>
                                    <td><code>ul.inline</code></td>
                                    <td><code>.list-inline</code></td>
                                </tr>
                                <tr>
                                    <td><code>.muted</code></td>
                                    <td><code>.text-muted</code></td>
                                </tr>
                                <tr>
                                    <td><code>.label</code></td>
                                    <td><code>.label .label-default</code></td>
                                </tr>
                                <tr>
                                    <td><code>.label-important</code></td>
                                    <td><code>.label-danger</code></td>
                                </tr>
                                <tr>
                                    <td><code>.text-error</code></td>
                                    <td><code>.text-danger</code></td>
                                </tr>
                                <tr>
                                    <td><code>.table .error</code></td>
                                    <td><code>.table .danger</code></td>
                                </tr>
                                <tr>
                                    <td><code>.bar</code></td>
                                    <td><code>.progress-bar</code></td>
                                </tr>
                                <tr>
                                    <td><code>.bar-*</code></td>
                                    <td><code>.progress-bar-*</code></td>
                                </tr>
                                <tr>
                                    <td><code>.accordion</code></td>
                                    <td><code>.panel-group</code></td>
                                </tr>
                                <tr>
                                    <td><code>.accordion-group</code></td>
                                    <td><code>.panel .panel-default</code></td>
                                </tr>
                                <tr>
                                    <td><code>.accordion-heading</code></td>
                                    <td><code>.panel-heading</code></td>
                                </tr>
                                <tr>
                                    <td><code>.accordion-body</code></td>
                                    <td><code>.panel-collapse</code></td>
                                </tr>
                                <tr>
                                    <td><code>.accordion-inner</code></td>
                                    <td><code>.panel-body</code></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <!-- /.table-responsive -->
                    <h2 id="new">新增的内容</h2>
                    <p>我们添加了一些新元素，并且对现有的某些元素就行了修改。下面列出的是新增或修改的样式。</p>
                    <div class="table-responsive">
                        <table class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th>Element</th>
                                    <th>Description</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>Panels</td>
                                    <td><code>.panel .panel-default</code> <code>.panel-body</code> <code>.panel-title</code> <code>.panel-heading</code> <code>.panel-footer</code> <code>.panel-collapse</code></td>
                                </tr>
                                <tr>
                                    <td>List groups</td>
                                    <td><code>.list-group</code> <code>.list-group-item</code> <code>.list-group-item-text</code> <code>.list-group-item-heading</code></td>
                                </tr>
                                <tr>
                                    <td>Glyphicons</td>
                                    <td><code>.glyphicon</code></td>
                                </tr>
                                <tr>
                                    <td>Jumbotron</td>
                                    <td><code>.jumbotron</code></td>
                                </tr>
                                <tr>
                                    <td>Extra small grid (&lt;768px)</td>
                                    <td><code>.col-xs-*</code></td>
                                </tr>
                                <tr>
                                    <td>Small grid (&ge;768px)</td>
                                    <td><code>.col-sm-*</code></td>
                                </tr>
                                <tr>
                                    <td>Medium grid (&ge;992px)</td>
                                    <td><code>.col-md-*</code></td>
                                </tr>
                                <tr>
                                    <td>Large grid (&ge;1200px)</td>
                                    <td><code>.col-lg-*</code></td>
                                </tr>
                                <tr>
                                    <td>Responsive utility classes (&ge;1200px)</td>
                                    <td><code>.visible-lg</code> <code>.hidden-lg</code></td>
                                </tr>
                                <tr>
                                    <td>Offsets</td>
                                    <td><code>.col-sm-offset-*</code> <code>.col-md-offset-*</code> <code>.col-lg-offset-*</code></td>
                                </tr>
                                <tr>
                                    <td>Push</td>
                                    <td><code>.col-sm-push-*</code> <code>.col-md-push-*</code> <code>.col-lg-push-*</code></td>
                                </tr>
                                <tr>
                                    <td>Pull</td>
                                    <td><code>.col-sm-pull-*</code> <code>.col-md-pull-*</code> <code>.col-lg-pull-*</code></td>
                                </tr>
                                <tr>
                                    <td>Input height sizes</td>
                                    <td><code>.input-sm</code> <code>.input-lg</code></td>
                                </tr>
                                <tr>
                                    <td>Input groups</td>
                                    <td><code>.input-group</code> <code>.input-group-addon</code> <code>.input-group-btn</code></td>
                                </tr>
                                <tr>
                                    <td>Form controls</td>
                                    <td><code>.form-control</code> <code>.form-group</code></td>
                                </tr>
                                <tr>
                                    <td>Button group sizes</td>
                                    <td><code>.btn-group-xs</code> <code>.btn-group-sm</code> <code>.btn-group-lg</code></td>
                                </tr>
                                <tr>
                                    <td>Navbar text</td>
                                    <td><code>.navbar-text</code></td>
                                </tr>
                                <tr>
                                    <td>Navbar header</td>
                                    <td><code>.navbar-header</code></td>
                                </tr>
                                <tr>
                                    <td>Justified tabs / pills</td>
                                    <td><code>.nav-justified</code></td>
                                </tr>
                                <tr>
                                    <td>Responsive images</td>
                                    <td><code>.img-responsive</code></td>
                                </tr>
                                <tr>
                                    <td>Contextual table rows</td>
                                    <td><code>.success</code> <code>.danger</code> <code>.warning</code> <code>.active</code> <code>.info</code></td>
                                </tr>
                                <tr>
                                    <td>Contextual panels</td>
                                    <td><code>.panel-success</code> <code>.panel-danger</code> <code>.panel-warning</code> <code>.panel-info</code></td>
                                </tr>
                                <tr>
                                    <td>Modal</td>
                                    <td><code>.modal-dialog</code> <code>.modal-content</code></td>
                                </tr>
                                <tr>
                                    <td>Thumbnail image</td>
                                    <td><code>.img-thumbnail</code></td>
                                </tr>
                                <tr>
                                    <td>Well sizes</td>
                                    <td><code>.well-sm</code> <code>.well-lg</code></td>
                                </tr>
                                <tr>
                                    <td>Alert links</td>
                                    <td><code>.alert-link</code></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <!-- /.table-responsive -->
                    <h2 id="dropped">删除的内容</h2>
                    <p>下面列出的元素在 v3.0 版本中被删除或改变了。</p>
                    <div class="table-responsive">
                        <table class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th>Element</th>
                                    <th>Removed from 2.x</th>
                                    <th>3.0 Equivalent</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>Form actions</td>
                                    <td><code>.form-actions</code></td>
                                    <td class="text-muted">N/A</td>
                                </tr>
                                <tr>
                                    <td>Search form</td>
                                    <td><code>.form-search</code></td>
                                    <td class="text-muted">N/A</td>
                                </tr>
                                <tr>
                                    <td>Form group with info</td>
                                    <td><code>.control-group.info</code></td>
                                    <td class="text-muted">N/A</td>
                                </tr>
                                <tr>
                                    <td>Fixed-width input sizes</td>
                                    <td><code>.input-mini</code> <code>.input-small</code> <code>.input-medium</code> <code>.input-large</code> <code>.input-xlarge</code> <code>.input-xxlarge</code></td>
                                    <td>Use <a href="../css/index.html#forms-controls" tppabs="../css/#forms-controls"><code>.form-control</code></a> and <a href="../css/index.html#grid" tppabs="../css/#grid">the grid system</a> instead.</td>
                                </tr>
                                <tr>
                                    <td>Block level form input</td>
                                    <td><code>.input-block-level</code></td>
                                    <td>No direct equivalent, but <a href="../css/index.html#forms-controls" tppabs="../css/#forms-controls">forms controls</a> are similar.</td>
                                </tr>
                                <tr>
                                    <td>Inverse buttons</td>
                                    <td><code>.btn-inverse</code></td>
                                    <td class="text-muted">N/A</td>
                                </tr>
                                <tr>
                                    <td>Fluid row</td>
                                    <td><code>.row-fluid</code></td>
                                    <td><code>.row</code> (no more fixed grid)</td>
                                </tr>
                                <tr>
                                    <td>Controls wrapper</td>
                                    <td><code>.controls</code></td>
                                    <td class="text-muted">N/A</td>
                                </tr>
                                <tr>
                                    <td>Controls row</td>
                                    <td><code>.controls-row</code></td>
                                    <td><code>.row</code> or <code>.form-group</code></td>
                                </tr>
                                <tr>
                                    <td>Navbar inner</td>
                                    <td><code>.navbar-inner</code></td>
                                    <td class="text-muted">N/A</td>
                                </tr>
                                <tr>
                                    <td>Navbar vertical dividers</td>
                                    <td><code>.navbar .divider-vertical</code></td>
                                    <td class="text-muted">N/A</td>
                                </tr>
                                <tr>
                                    <td>Dropdown submenu</td>
                                    <td><code>.dropdown-submenu</code></td>
                                    <td class="text-muted">N/A</td>
                                </tr>
                                <tr>
                                    <td>Tab alignments</td>
                                    <td><code>.tabs-left</code> <code>.tabs-right</code> <code>.tabs-below</code></td>
                                    <td class="text-muted">N/A</td>
                                </tr>
                                <tr>
                                    <td>Pill-based tabbable area</td>
                                    <td><code>.pill-content</code></td>
                                    <td><code>.tab-content</code></td>
                                </tr>
                                <tr>
                                    <td>Pill-based tabbable area pane</td>
                                    <td><code>.pill-pane</code></td>
                                    <td><code>.tab-pane</code></td>
                                </tr>
                                <tr>
                                    <td>Nav lists</td>
                                    <td><code>.nav-list</code> <code>.nav-header</code></td>
                                    <td>No direct equivalent, but <a href="../components/index.html#list-group" tppabs="../components/#list-group">list groups</a> and <a href="../javascript/index.html#collapse" tppabs="../javascript/#collapse"><code>.panel-group</code>s</a> are similar.</td>
                                </tr>
                                <tr>
                                    <td>Inline help for form controls</td>
                                    <td><code>.help-inline</code></td>
                                    <td>No exact equivalent, but <code>.help-block</code> is similar.</td>
                                </tr>
                                <tr>
                                    <td>Non-bar-level progress colors</td>
                                    <td><code>.progress-info</code> <code>.progress-success</code> <code>.progress-warning</code> <code>.progress-danger</code></td>
                                    <td>Use <code>.progress-bar-*</code> on the <code>.progress-bar</code> instead.</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <!-- /.table-responsive -->
                    <h2 id="notes">额外注意事项</h2>
                    <p>Other changes in v3.0 are not immediately apparent. Base classes, key styles, and behaviors have been adjusted for flexibility and our <em>mobile first</em> approach. Here's a partial list:</p>
                    <ul>
                        <li>By default, text-based form controls now receive only minimal styling.  For focus colors and rounded corners, apply the <code>.form-control</code> class on the element to style.</li>
                        <li>Text-based form controls with the <code>.form-control</code> class applied are now 100% wide by default. Wrap inputs inside <code>&lt;div class="col-*"&gt;&lt;/div&gt;</code> to control input widths.</li>
                        <li><code>.badge</code> no longer has contextual (-success,-primary,etc..) classes.</li>
                        <li><code>.btn</code> must also use <code>.btn-default</code> to get the "default" button.</li>
                        <li><code>.row</code> is now fluid.</li>
                        <li>Images are no longer responsive by default. Use <code>.img-responsive</code> for fluid <code>&lt;img&gt;</code> size.</li>
                        <li>The icons, now <code>.glyphicon</code>, are now font based. Icons also require a base and icon class (e.g. <code>.glyphicon .glyphicon-asterisk</code>).</li>
                        <li>Typeahead has been dropped, in favor of using <a href="javascript:if(confirm(%27http://twitter.github.io/typeahead.js/  \n\nThis file was not retrieved by Teleport Ultra, because it is addressed on a domain or path outside the boundaries set for its Starting Address.  \n\nDo you want to open it from the server?%27))window.location=%27http://twitter.github.io/typeahead.js/%27" tppabs="http://twitter.github.io/typeahead.js/">Twitter Typeahead</a>.</li>
                        <li>Modal markup has changed significantly. The <code>.modal-header</code>, <code>.modal-body</code>, and <code>.modal-footer</code> sections are now wrapped in <code>.modal-content</code> and <code>.modal-dialog</code> for better mobile styling and behavior. Also, you should no longer apply <code>.hide</code> to <code>.modal</code> in your markup.</li>
                        <li>As of v3.1.0, the HTML loaded by the <code>remote</code> modal option is now injected into the <code>.modal-content</code> (from v3.0.0 to v3.0.3, into the <code>.modal</code>) instead of into the <code>.modal-body</code>. This allows you to also easily vary the header and footer of the modal, not just the modal body.</li>
                        <li>The checkbox and radio features of the button.js plugin now both use <code>data-toggle="buttons"</code> instead of <code>data-toggle="buttons-checkbox"</code> or <code>data-toggle="buttons-radio"</code> in their markup.</li>
                        <li>JavaScript events are namespaced. For example, to handle the modal "show" event, use <code>'show.bs.modal'</code>. For tabs "shown" use <code>'shown.bs.tab'</code>, etc.</li>
                    </ul>
                    <p>For more information on upgrading to v3.0, and code snippets from the community, see <a href="javascript:if(confirm(%27http://bootply.com/  \n\nThis file was not retrieved by Teleport Ultra, because it is addressed on a domain or path outside the boundaries set for its Starting Address.  \n\nDo you want to open it from the server?%27))window.location=%27http://bootply.com/%27" tppabs="http://bootply.com/">Bootply</a>.</p>
                </div>
            </div>
            <div class="col-md-3" role="complementary">
                <nav class="bs-docs-sidebar hidden-print hidden-xs hidden-sm">
                    <ul class="nav bs-docs-sidenav">
                        <li>
                            <a href="#classes">主要 class 的变更</a>
                        </li>
                        <li>
                            <a href="#new">新增的内容</a>
                        </li>
                        <li>
                            <a href="#dropped">删除的内容</a>
                        </li>
                        <li>
                            <a href="#notes">额外注意事项</a>
                        </li>
                    </ul>
                    <a class="back-to-top" href="#top">返回顶部
            </a>
                </nav>
            </div>
        </div>
    </div>
    <!-- Footer
================================================== -->
    <footer class="bs-docs-footer" role="contentinfo">
        <div class="container">
            <p>Designed and built with all the love in the world by <a href="javascript:if(confirm(%27https://twitter.com/mdo  \n\nThis file was not retrieved by Teleport Ultra, because it is addressed on a domain or path outside the boundaries set for its Starting Address.  \n\nDo you want to open it from the server?%27))window.location=%27https://twitter.com/mdo%27" tppabs="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="javascript:if(confirm(%27https://twitter.com/fat  \n\nThis file was not retrieved by Teleport Ultra, because it is addressed on a domain or path outside the boundaries set for its Starting Address.  \n\nDo you want to open it from the server?%27))window.location=%27https://twitter.com/fat%27" tppabs="https://twitter.com/fat" target="_blank">@fat</a>.</p>
            <p>Maintained by the <a href="javascript:if(confirm(%27https://github.com/orgs/twbs/people  \n\nThis file was not retrieved by Teleport Ultra, because it is addressed on a domain or path outside the boundaries set for its Starting Address.  \n\nDo you want to open it from the server?%27))window.location=%27https://github.com/orgs/twbs/people%27" tppabs="https://github.com/orgs/twbs/people">core team</a> with the help of <a href="javascript:if(confirm(%27https://github.com/twbs/bootstrap/graphs/contributors  \n\nThis file was not retrieved by Teleport Ultra, because it is addressed on a domain or path outside the boundaries set for its Starting Address.  \n\nDo you want to open it from the server?%27))window.location=%27https://github.com/twbs/bootstrap/graphs/contributors%27" tppabs="https://github.com/twbs/bootstrap/graphs/contributors">our contributors</a>.</p>
            <p>本项目源码受 <a rel="license" href="javascript:if(confirm(%27https://github.com/twbs/bootstrap/blob/master/LICENSE  \n\nThis file was not retrieved by Teleport Ultra, because it is addressed on a domain or path outside the boundaries set for its Starting Address.  \n\nDo you want to open it from the server?%27))window.location=%27https://github.com/twbs/bootstrap/blob/master/LICENSE%27" tppabs="https://github.com/twbs/bootstrap/blob/master/LICENSE" target="_blank">MIT</a>开源协议保护，文档受 <a rel="license" href="javascript:if(confirm(%27https://creativecommons.org/licenses/by/3.0/  \n\nThis file was not retrieved by Teleport Ultra, because it is addressed on a domain or path outside the boundaries set for its Starting Address.  \n\nDo you want to open it from the server?%27))window.location=%27https://creativecommons.org/licenses/by/3.0/%27" tppabs="https://creativecommons.org/licenses/by/3.0/" target="_blank">CC BY 3.0</a> 开源协议保护。</p>
            <ul class="bs-docs-footer-links text-muted">
                <li>当前版本： v3.3.4</li>
                <li>&middot;</li>
                <li><a href="javascript:if(confirm(%27https://github.com/twbs/bootstrap  \n\nThis file was not retrieved by Teleport Ultra, because it is addressed on a domain or path outside the boundaries set for its Starting Address.  \n\nDo you want to open it from the server?%27))window.location=%27https://github.com/twbs/bootstrap%27" tppabs="https://github.com/twbs/bootstrap">GitHub 仓库</a></li>
                <li>&middot;</li>
                <li><a href="../getting-started/index.html#examples" tppabs="../getting-started/#examples">实例精选</a></li>
                <li>&middot;</li>
                <li><a href="javascript:if(confirm(%27./#  \n\nThis file was not retrieved by Teleport Ultra, because it is addressed on a domain or path outside the boundaries set for its Starting Address.  \n\nDo you want to open it from the server?%27))window.location=%27./#%27" tppabs="#v2">v2.3.2 中文文档</a></li>
                <li>&middot;</li>
                <li><a href="../about/index.html" tppabs="../../about/">关于</a></li>
                <li>&middot;</li>
                <li><a href="javascript:if(confirm(%27./#  \n\nThis file was not retrieved by Teleport Ultra, because it is addressed on a domain or path outside the boundaries set for its Starting Address.  \n\nDo you want to open it from the server?%27))window.location=%27./#%27" tppabs="./#">优站精选</a></li>
                <li>&middot;</li>
                <li><a href="javascript:if(confirm(%27http://blog.getbootstrap.com/  \n\nThis file was not retrieved by Teleport Ultra, because it is addressed on a domain or path outside the boundaries set for its Starting Address.  \n\nDo you want to open it from the server?%27))window.location=%27http://blog.getbootstrap.com/%27" tppabs="http://blog.getbootstrap.com/">官方博客</a></li>
                <li>&middot;</li>
                <li><a href="javascript:if(confirm(%27https://github.com/twbs/bootstrap/issues  \n\nThis file was not retrieved by Teleport Ultra, because it is addressed on a domain or path outside the boundaries set for its Starting Address.  \n\nDo you want to open it from the server?%27))window.location=%27https://github.com/twbs/bootstrap/issues%27" tppabs="https://github.com/twbs/bootstrap/issues">Issues</a></li>
                <li>&middot;</li>
                <li><a href="javascript:if(confirm(%27https://github.com/twbs/bootstrap/releases  \n\nThis file was not retrieved by Teleport Ultra, because it is addressed on a domain or path outside the boundaries set for its Starting Address.  \n\nDo you want to open it from the server?%27))window.location=%27https://github.com/twbs/bootstrap/releases%27" tppabs="https://github.com/twbs/bootstrap/releases">历史版本</a></li>
            </ul>
        </div>
    </footer>
    <!-- Bootstrap core JavaScript
================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="../../cdn/jquery/1.11.2/jquery.min.js" tppabs="../../jquery/1.11.2/jquery.min.js"></script>
    <script src="../../cdn/bootstrap/3.3.4/js/bootstrap.min.js" tppabs="../../bootstrap/3.3.4/js/bootstrap.min.js"></script>
    <script src="../assets/js/docs.min.js" tppabs="../../assets/js/docs.min.js"></script>
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="../assets/js/ie10-viewport-bug-workaround.js" tppabs="../assets/js/ie10-viewport-bug-workaround.js"></script>
    <!-- Analytics
================================================== -->
    <script type="text/javascript">
        var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
        document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Fbdb993b828cbe079a7fbc1a951f44726' type='text/javascript'%3E%3C/script%3E"));
</script>
    <!-- 全局统计代码 -->
    <script type="text/javascript">
        var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
        document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F079fac161efc4b2a6f31e80064f14e82' type='text/javascript'%3E%3C/script%3E"));
</script>
</body>
</html>
